<% items = [
  {
    url: 'customers/341',
    name: 'Mae Jemison',
    location: 'Decatur, USA',
  },
  {
    url: 'customers/256',
    name: 'Ellen Ochoa',
    location: 'Los Angeles, USA',
  },
] %>

<%= polaris_card(sectioned: false) do %>
  <%= polaris_resource_list do |resource_list| %>
    <% resource_list.with_filters(disabled: true) do |filters| %>
      <% filters.with_query(name: :query, placeholder: "Filter customers") %>
      <% filters.with_item(label: "Tagged with", width: "175px") do %>
        <%= polaris_text_field %>
      <% end %>

      <div style="padding-left: 8px;">
        <%= polaris_button(disabled: true) { "Save" } %>
      </div>
    <% end %>

    <% items.each do |item| %>
      <%= polaris_resource_item(url: item[:url]) do |c| %>
        <% c.with_media do %>
          <%= polaris_avatar(customer: true, name: item[:name]) %>
        <% end %>

        <h3>
          <%= polaris_text_style(variation: :strong) { item[:name] } %>
        </h3>
        <div><%= item[:location] %></div>
      <% end %>
    <% end %>
  <% end %>
<% end %>
